<div class="resp-tabs-container" id="article">
    <h2 class="resp-accordion hi-icon-wrap hi-icon-effect-5 hi-icon-effect-5a resp-tab-active" role="tab" aria-controls="tab_item-0">
        <i class="hi-icon fa fa-briefcase icon_menu icon_menu_active"></i>
        <span class="tite-list-resp"> blog</span>
        <i class="glyphicon glyphicon-chevron-up arrow-tabs"></i>
    </h2>
    <div class="main_content">
        <div class="content">
            <h1>Blog - My Blog</h1>
        </div>

        <div class="col-md-12">
            <div class="row">
                <div class="col-md-12">
                    <div class="row inner">
                        <div class="col-md-12">
                                <div id="post-1" class="blog-article">
                                    <div class="col-md-12 post_media">
                                        <div class="post-format-icon">
                                            <a href="#"><span class="fa fa-picture-o"></span></a>
                                        </div>
                                        <div class="media" ng-show="$ctrl.media == 'carousel'">
                                            <div uib-carousel active="$ctrl.active" interval="$ctrl.myInterval" no-wrap="$ctrl.noWrapSlides" class="angularCarousel">
                                                <div uib-slide ng-repeat="slide in $ctrl.slides track by slide.id" index="slide.id">
                                                    <img ng-src="{{slide.image}}" style="margin:auto;">
                                                    <div class="carousel-caption">
                                                        <h4>{{slide.title}}</h4>
                                                        <p>{{slide.text}}</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="media" ng-show="$ctrl.media == 'image'">
                                            <div>
                                                <img src="./images/blog/blog-4.jpg" style="margin:auto;" class="img-hover">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="title_content post_format_standart">
                                        <div class="text_content">{{$ctrl.data.title}}</div>
                                        <div class="clear"></div>
                                    </div>
                                    <p class="caps">{{$ctrl.data.partOne}}</p>
                                    <p class="article-content">
                                        {{$ctrl.data.partTwo}}
                                    </p>
                                    <div class="col-md-12 first">
                                        <div class="info">
                                            <div class="tag-info">
                                                <span ng-repeat="tag in $ctrl.data.tags">{{item}}</span>
                                            </div>
                                            <ul class="">
                                                <li><i class="glyphicon glyphicon-comment"></i> {{$ctrl.data.count}} Comments</li>
                                                <li><i class="glyphicon glyphicon-time"></i> {{$ctrl.data.date}}</li>
                                                <li><i class="glyphicon glyphicon-user"></i> by {{$ctrl.data.author}}</li>
                                                <li><i class="glyphicon glyphicon-tag"></i> {{$ctrl.data.label}}</li>
                                            </ul>
                                        </div>
                                        <div class="clear"></div>
                                        <div class="about-author">
                                            <div class="title_content post_format_standart">
                                                <div class="text_content">BILL GATES</div>
                                                <div class="clear"></div>
                                            </div>
                                            <div class="clear"></div>
                                            <div class="img-box">
                                                <img src="http://placehold.it/100x100" class="img-circle img-responsive"/>
                                                <div class="text-1">
                                                    Lorem ipsum dolor sit amet, consectetur
                                                    adipiscing elit. Praesent condimentum sed elit
                                                    vitae tristique. Aliquam erat volutpat. Nunc sit
                                                    amet cursus libero. In fringilla egestas ornare.
                                                </div>
                                                <div class="ng_post">
                                                    <b>15 posts</b> created by author
                                                </div>
                                            </div>
                                            <div class="clear"></div>
                                        </div>
                                        <!--用户评论-->
                                        <div class="post-comments">
                                            <div class="title_content post_format_standart">
                                                <div class="text_content">{{$ctrl.data.count}} COMMENTS</div>
                                                <div class="clear"></div>
                                            </div>
                                            <div class="comments">
                                                <div class="comment" ng-repeat="comment in $ctrl.data.comments">
                                                    <img src="http://placehold.it/100x100" class="img-circle img-responsive"/>
                                                    <div class="text-2">
                                                        <div class="name">{{comment.visitor}} <a href="#">Reply</a></div>
                                                        <div class="date">{{comment.time}}</div>
                                                        {{comment.content}}
                                                    </div>
                                                    <div class="comment_sub" ng-show="comment.subComments">
                                                        <img src="http://placehold.it/100x100" class="img-circle img-responsive"/>
                                                        <div class="text" ng-repeat="subComment in comment.subComments">
                                                            <div class="name">{{subComment.person}} <a href="#">Reply</a></div>
                                                            <div class="date">{{subComment.time}}</div>
                                                            {{subComment.content}}
                                                        </div>
                                                    </div>
                                                    <div class="clear"></div>
                                                </div>
                                            </div>
                                            </div>

                                        <div class="comment-form">
                                            <div class="title_content post_format_standart">
                                                <div class="text_content">LEAVE A COMMENT</div>
                                                <div class="clear"></div>
                                            </div>
                                            <form method="post" id="comment-form">
                                                <div class="form-group">
                                                    <label class="labels">Your Name</label>
                                                    <input class="form-control" placeholder="Name*..." />
                                                </div>
                                                <div class="form-group">
                                                    <label class="labels">Email address</label>
                                                    <input type="email" class="form-control" placeholder="Email*...">
                                                </div>
                                                <div class="form-group">
                                                    <label class="labels">Email address</label>
                                                    <textarea class="form-control" rows="3" placeholder="Your Comment..."></textarea>
                                                </div>
                                                <input  type="reset" value="CLEAR" name="reset" class="reset"/>
                                                <button class="submit" ng-click="$ctrl.showMessage();">Post Comment</button>
                                            </form>
                                        </div>

                                        <div class="col-md-12 pagination-p">
                                            <a ng-click="$ctrl.goNext();" ng-hide="$ctrl.id == 3"><i class="glyphicon glyphicon-chevron-right"></i></a>
                                            <a ng-click="$ctrl.return();" ng-hide="$ctrl.id == 1"><i class="glyphicon glyphicon-chevron-left"></i></a>
                                            <a  ui-sref="main.blog"><i class="glyphicon glyphicon-chevron-left"></i>All Posts</a>
                                        </div>

                                        </div>

                                    </div>
                                </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
